/*
 * @Author: Yxliam
 * @Date: 2023-12-13 10:57:01
 * @LastEditors: Yxliam
 * @LastEditTime: 2023-12-15 14:36:05
 * @Description:
 */
import {StyleSheet, Dimensions} from 'react-native';
import {p} from '../../utils/pxToDp';
const width = Dimensions.get('window').width;
export default StyleSheet.create({
  banner: {
    height: p(460),
    width: width,
  },
  wrapper: {
    position: 'relative',
    backgroundColor: '#fff',
    paddingHorizontal: p(20),
    paddingVertical: p(40),
    paddingBottom: p(20),
  },
  nav: {
    position: 'absolute',
    top: p(30),
    left: p(20),
    right: p(20),
    padding: p(20),
    marginTop: -p(30),
    borderTopLeftRadius: p(20),
    borderTopRightRadius: p(20),
  },
  navleft: {
    width: p(342),
    height: p(400),
    borderRadius: p(36),
    // justifyContent:'center',
    position: 'relative',
    paddingLeft: p(30),
    paddingTop: p(20),
  },
  navbox: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
    paddingBottom: p(20),
  },
  navright: {
    // flexDirection:'row',
    // alignItems:'center'
  },
  navleftimg: {
    position: 'relative',
    width: p(358),
    height: p(296),
  },
  navinner: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    width: '100%',
    paddingHorizontal: p(24),
  },
  navrightitem: {
    width: p(340),
    height: p(130),
    borderRadius: p(24),
    justifyContent: 'center',
    alignItems: 'center',
  },
  nowdatebox: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
    paddingVertical: p(20),
    paddingHorizontal: p(20),
    paddingTop: 0,
    backgroundColor: '#fff',
  },
  nowdate: {
    fontSize: p(30),
    color: '#000',
  },
  todonowdatebox: {
    backgroundColor: '#fff',
    height: p(80),
  },
  todonowdate: {
    fontSize: p(28),
    color: '#000',
  },
  todocount: {
    fontSize: p(25),
    color: '#666',
  },
  navrightitemtext: {
    fontSize: p(28),
    fontWeight: 'bold',
    color: 'white',
  },
  navrightitemsmall: {
    fontSize: p(20),
    color: 'white',
    opacity: 0.7,
    marginTop: p(10),
  },
  navrightitemimg: {
    width: p(120),
    height: p(120),
  },
  navlefttext: {
    fontSize: p(30),
    fontWeight: 'bold',
    color: '#000',
  },
  navmarginbottom: {
    marginBottom: p(20),
  },
  container: {
    backgroundColor: '#fff',
  },
  content: {
    height: p(180),
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: '#fff',
  },
  dateCell: {
    paddingHorizontal: p(5),
    alignItems: 'center',
    justifyContent: 'center',
  },
  dateText: {
    textAlign: 'center',
    fontSize: p(28),
    color: '#999',
    paddingHorizontal: p(10),
    paddingVertical: p(15),
  },
  selectedDateText: {
    fontWeight: 'bold',
    fontSize: p(28),
    backgroundColor: '#7282f1',
    color: '#fff',
    borderRadius: p(15),
  },
  bottomBar: {
    // height: p(50),
    alignItems: 'center',
    justifyContent: 'center',
    borderTopWidth: 1,
    borderColor: '#ccc',
  },
  listwrapper: {
    padding: p(20),
  },
  listitem: {
    padding: p(20),
    borderRadius: p(20),
    marginBottom:p(30)
  },
  textwrapper:{
    flex:1,
    flexDirection:'row',
    justifyContent:'space-between',
  },
  listitemtext: {
    color:'#9175C0'
  },
  timebox:{
    flexDirection:'row',
    alignItems:'center',
    position:'absolute',
    left:0,
    top:0,
    backgroundColor:'#f6f1ff',
    paddingHorizontal:p(20),
    paddingVertical:p(15),
    borderBottomRightRadius:p(30)
  },

  time:{
    fontSize:p(24),
    color:'#9F96B3'
  },
  textcontent:{
    paddingTop:p(60)
  }
});
